<template>
	<view class="modules">
		<view class="item" v-for="(item,index) in datas" :key="index" @click="handle(item.path)">{{item.name}}</view>
	</view>
</template>
<script>
	export default {
		data(){
			return {
				datas:[
					{name:'Tabs标签页之仿element-ui',path:'/pages/custom-tabs/custom-tabs'},
					{name:'关注微信公众号组件自定义样式（需要自定义编译模式）',path:'/pages/official-account/official-account?show=true'},
					{name:'瀑布流',path:'/pages/custom-waterfalls-flow/custom-waterfalls-flow'},
					{name:'瀑布流-测试懒加载数据',path:'/pages/custom-waterfalls-flow-loaddata/custom-waterfalls-flow-loaddata'}
				]
			}
		},
		methods:{
			handle(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>
<style scoped>
	.item {
		height: 60rpx;
		line-height: 60rpx;
		margin: 10rpx 0;
		text-align: center;
		background-color: beige;
		font-size: 28rpx;
		color: #2878ff;
	}
</style>
